<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // DOM操作   
        // 样式操作
        //    className和clssList区别
        //    cssText添加样式
        //    获取样式   getComputedStyle 及兼容    函数的封装

        // 防抖和节流

        // 页面的各种宽高
        //    返回顶部
        //    到达底部


        // 事件 ： 事件源.事件类型=事件处理函数
        // 事件监听
        // 事件对象
        // 事件流:
        //    事件冒泡
        //    事件捕获
        // 事件委托
        // 区分this和target !!!!!!!!!!!!!!



        // 1 事件委托完成模拟下拉框  
        // 2 购物车
        // 3 透明度轮播
        // 4 事件委托重构留言板

    </script>
    
</body>
</html>